<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./css/swiper.min.css" rel="stylesheet" />
    <title>rank</title>
</head>

<body>
    <div class="nav">
        <ul>
            <li>推荐</li>
            <li>新闻</li>
            <li>视频</li>
            <li>娱乐城</li>
            <li>优惠</li>
            <li>企业库</li>
            <li class="active">APP库</li>
            <li>资源库</li>
        </ul>
        <span class="nav-more"></span>
    </div>
    <div class="divider"></div>
    <div class=" swiper-container banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./img/banner-1.png" alt=""></div>
            <div class="swiper-slide"><img src="./img/banner-1.png" alt=""></div>
            <div class="swiper-slide"><img src="./img/banner-1.png" alt=""></div>
        </div>
    </div>
    <div class="divider"></div>
</body>
<script src="./js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            stopOnLastSlide: true,
        }
    })
</script>

</html>